window.onload=function(){
	var btns = document.getElementById("btns").getElementsByTagName("button");
	// console.log(btns);
	var divs = document.getElementById("divs").getElementsByTagName("div");
	// console.log(divs);

	for(var i = 0;i < btns.length;i++){
		btns[i].index=i;//自定义属性，用于关联下面的大盒子
		//为每一个按钮添加点击事件：把所有的button清空类名；点击的那个盒子添加指定类名active
		btns[i].onclick=function(){
			//排他思想
			//把所有的button清空类名
			for(var j = 0; j < btns.length; j++){
				btns[j].className="";
			}
			//点击的那个盒子添加指定类名active
			this.className="active";

			//同时：先让底下的div全部隐藏，然后给当前所点击按钮相关联的盒子添加指定属性
			for(var i=0;i<divs.length;i++){
				//先让底下的div全部隐藏
				divs[i].style.display="none";
				//然后给当前所点击按钮相关联的盒子添加指定属性
				divs[this.index].style.display="block";
			}
		}
	}
}